layui.use(['form', 'layedit', 'laydate'], function () {
    var $ = layui.jquery, layer = layui.layer;
    //触发事件
    var active = {
        offset: function(othis){
            var type = othis.data('type')
                ,text = othis.text();


        }
    };

    // ======================== 初始化事件 START ========================
    /**
     * 点击登录按钮
     */
    $('.log-btn').click(function () {
        // 获取用户名
        var username = $('#username').val();
        // 获取密码
        var password = $('#password').val();
        // 用户名为空
        if (!username) {
            // 添加错误样式
            $('.user-status').addClass('wrong-entry');
            // 设置错误信息
            $('.alert').text('用户名必须填写');
            // 显示错误信息
            $('.alert').fadeIn(500);
            // 定时隐藏错误信息
            setTimeout("$('.alert').fadeOut(1500);", 3000);
            return;
        }
        // 密码为空
        if (!password) {
            // 添加错误样式
            $('.pass-status').addClass('wrong-entry');
            // 设置错误信息
            $('.alert').text('密码必须填写');
            // 显示错误信息
            $('.alert').fadeIn(500);
            // 定时隐藏错误信息
            setTimeout("$('.alert').fadeOut(1500);", 3000);
            return;
        }
        doLogin(username, password);
    });
    /**
     * 用户名密码输入时的时间
     */
    $('.form-control').keypress(function () {
        // 清空用户名、密码、错误信息
        $('.user-status').removeClass('wrong-entry');
        $('.pass-status').removeClass('wrong-entry');
        $('.alert').fadeOut(500);
    });

    // ======================== 初始化事件 END ========================
    /**
     * 登录
     * @param username 用户名
     * @param password 密码
     */
    function doLogin(username, password) {
        alert(username + password);
        $.ajax({
            url: "/doLogin",
            method: 'post',
            data: {
                username: username,
                password: password
            },
            // dataType: 'json',
            async: false,
            success: function (data) {
                layer.open({
                    type: 1
                    ,offset: 'auto'
                    ,id: 'layerDemo'+1 //防止重复弹出
                    ,content: '<div style="padding: 20px 100px;">'+ data +'</div>'
                    ,btn: '关闭全部'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,yes: function(){
                        layer.closeAll();
                    }
                });
            },
            error: function (error) {
                layer.open({
                    type: 1
                    ,offset: 'auto'
                    ,id: 'layerDemo'+1 //防止重复弹出
                    ,content: '<div style="padding: 20px 100px;">出错了，等一下再试吧</div>'
                    ,btn: '关闭全部'
                    ,btnAlign: 'c' //按钮居中
                    ,shade: 0 //不显示遮罩
                    ,yes: function(){
                        layer.closeAll();
                    }
                });
            }
        });
    }
});